/* Basic Styles */

body {
  font-family: Arial, sans-serif;

  margin: 0;

  line-height: 1.6;
}

.container {
  max-width: 960px;

  margin: auto;

  padding: 0 20px;
}

/* Header and Navigation */

header {
  background-color: #333;

  color: #fff;

  padding: 1rem 0;

  text-align: center;
}

header h1 {
  margin: 0;
}

header nav ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

header nav li {
  display: inline;

  margin-right: 20px;
}

header nav a {
  color: #fff;

  text-decoration: none;

  font-weight: bold;
}

/* Main Content Sections */

section {
  padding: 60px 0;
}

#about {
  background-color: #f4f4f4;
}

#services {
  background-color: #fff;
}

#contact {
  background-color: #e2e2e2;
}

/* Footer */

footer {
  background-color: #333;

  color: #fff;

  text-align: center;

  padding: 1rem 0;
}